<!--
 * @Author: TBlack
 * @Date: 2023-01-14 14:29:49
 * @LastEditTime: 2023-01-30 15:10:15
 * @Description: 
 * @FilePath: \stockDebug\web\operation.html
 * 可以输入预定的版权声明、个性签名、空行等
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>


<body>



    <div id="app">
        <!-- 整个屏幕container -->
        <el-container class="index_container">
            <!-- mian-aside 左边 -->
            <el-aside width="200px" class="index_aside">
                <!-- aside 的顶部（icon 和 title） -->
                <div class="index_aside_top">
                    <img src="img/logo.png" alt="logo">
                    <span>TiTiuper</span>
                </div>


                <div class="index_aside_menu">
                    <!-- index 首页 -->
                    <div class="index_aside_menu_item" @click="jumpToHomeHtml">
                        <img src="/img/menu/index_gray.png" alt="首页">
                        <span>首页</span>
                    </div>
                    <!-- 股票管理 -->
                    <div class="index_aside_menu_item" @click="jumpToStockHtml">
                        <img src="/img/menu/list_gray.png" alt="股票管理">
                        <span>股票管理</span>
                    </div>
                    <!-- 策略管理 -->
                    <div class="index_aside_menu_item" @click="jumpToStrategyHtml">
                        <img src="/img/menu/task_gray.png" alt="策略管理">
                        <span>策略管理</span>
                    </div>
                    <!-- 单步执行 -->
                    <div class="index_aside_menu_item index_aside_menu_item_selected" @click="jumpToSetpHtml">
                        <img src="/img/menu/run_gray.png" alt="单步执行">
                        <span>单步执行</span>
                    </div>
                    <!-- 多股票执行 -->
                    <div class="index_aside_menu_item" @click="jumpToDebugHtml">
                        <img src="/img/menu/column_gray.png" alt="多股票执行">
                        <span>多股票执行</span>
                    </div>
                    <!-- 数据调整 -->
                    <div class="index_aside_menu_item" @click="jumpToStrategyHtml">
                        <img src="/img/menu/data_gray.png" alt="数据调整">
                        <span>数据调整</span>
                    </div>
                    <!-- 运营管理 -->
                    <div class="index_aside_menu_item" @click="jumpTooperationHtml">
                        <img src="/img/menu/list.png" alt="运营管理">
                        <span>运营管理</span>
                    </div>
                    <!-- 设置 -->
                    <!-- <div class="index_aside_menu_item">
                                                                    <img src="/img/menu/setting_gray.png" alt="设置">
                                                                    <span>Setting</span>
                                                                </div> -->
                </div>

            </el-aside>

            <el-main>


                <el-header>
                    <el-container>
                        <i class="fa fa-linkedin-square margin10" style="margin: 0 10px;"></i>
                        <el-breadcrumb separator="/">
                            <el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item>
                            <el-breadcrumb-item><a href="">promotion management</a></el-breadcrumb-item>
                            <el-breadcrumb-item>promotion list</el-breadcrumb-item>
                            <el-breadcrumb-item>promotion detail</el-breadcrumb-item>
                        </el-breadcrumb>
                    </el-container>
                    <el-divider />
                </el-header>

                <el-card class="main_card">



                </el-card>
            </el-main>

        </el-container>
    </div>


    <script>

        charset = "utf-8";



        const App = {
            el: '#app',
            data() {
                return {

                }
            },


            methods: {

            },





            mounted() {
               
            },

        };

        const app = Vue.createApp(App);
        app.use(ElementPlus);
        app.use(VXETable);
        app.mount("#app");

        VXETable.formats.mixin({
            // 四舍五入,默认两位数
            formatFixedNumber({ cellValue }, digits = 2) {
                return XEUtils.toFixed(XEUtils.round(cellValue, digits), digits)
            },
        });

    </script>




</body>

</html>